<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>layui</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../../lib/layui-v2.6.3/css/layui.css" media="all">
    <link rel="stylesheet" href="../../css/public.css" media="all">
    <style>
        body {
            background-color: #ffffff;
        }
    </style>
</head>
<body>

<div class="layui-tab">
	<ul class="layui-tab-title">
		<li class="layui-this">用户信息修改</li>
		<li>用户综合授权</li>
	</ul>
	<div class="layui-tab-content">
		<div class="layui-tab-item layui-show">


			<!--	修改开始-->
			<form class="layui-form"  lay-filter="example" onsubmit="return false;" action="">
				<input type="hidden" name="id" lay-verify="required" lay-reqtext="id不能为空" placeholder="请输入id" value="" class="layui-input">
				<div class="layui-form layuimini-form">
					<div class="layui-form-item">
						<label class="layui-form-label required">账号</label>
						<div class="layui-input-block">
							<input type="text" name="username" disabled  placeholder="请输入用户名" value="" class="layui-input">
							<tip>填写自己管理账号的名称。</tip>
						</div>
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label">密码</label>
						<div class="layui-input-block">
							<input type="password" lay-verify="required" lay-reqtext="密码不能为空" name="password"  placeholder="用户密码不能为空" value="" class="layui-input">
						</div>
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label required">性别</label>
						<div class="layui-input-block">
							<input type="radio" name="sex" value="1" title="男" checked="">
							<input type="radio" name="sex" value="0" title="女">
						</div>
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label required">真实姓名</label>
						<div class="layui-input-block">
							<input type="text" name="realname" lay-verify="required" lay-reqtext="真实姓名" placeholder="请输入真实姓名" value="" class="layui-input">
						</div>
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label required">身份证</label>
						<div class="layui-input-block">
							<input type="text" name="idcard" lay-verify="required" lay-reqtext="身份证" placeholder="请输入身份证" value="" class="layui-input">
						</div>
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label required">手机</label>
						<div class="layui-input-block">
							<input type="number" name="phone" lay-verify="required" lay-reqtext="手机不能为空" placeholder="请输入手机" value="" class="layui-input">
						</div>
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label">邮箱</label>
						<div class="layui-input-block">
							<input type="email" name="email" placeholder="请输入邮箱" value="" class="layui-input">
						</div>
					</div>
					<div class="layui-form-item">
						<input type="hidden" name="deptId"  value="" class="layui-input">
						<label class="layui-form-label required">部门</label>
						<div class="layui-input-block">
							<input type="text" name="deptName"  required lay-reqtext="用户部门不能为空" placeholder="请选择部门" value="" class="layui-input">
						</div>
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label">职业</label>
						<div class="layui-input-block">
							<input type="text" name="work" placeholder="请输入职业" value="" class="layui-input">
						</div>
					</div>
					<div class="layui-form-item layui-form-text">
						<label class="layui-form-label">备注信息</label>
						<div class="layui-input-block">
							<textarea name="remark" class="layui-textarea" placeholder="请输入备注信息"></textarea>
						</div>
					</div>

					<div class="layui-form-item">
						<div class="layui-input-block">
							<button class="layui-btn layui-btn-normal" lay-submit lay-filter="saveBtn">确认保存</button>
						</div>
					</div>
				</div>
			</form>

			<!--	修改结束-->

		</div>



		<div class="layui-tab-item">

					<div class="layuimini-container">
						<div class="layuimini-main">
							<fieldset class="table-search-fieldset">
								<legend>搜索信息</legend>
								<div style="margin: 10px 10px 10px 10px">
									<form class="layui-form layui-form-pane" action="">
										<div class="layui-form-item">

											<div class="layui-inline">
												<label class="layui-form-label">角色名称</label>
												<div class="layui-input-inline">
													<input type="text" name="rolename" autocomplete="off" class="layui-input">
												</div>
											</div>
											<div class="layui-inline">
												<label class="layui-form-label">角色编号</label>
												<div class="layui-input-inline">
													<input type="text" name="roleno" autocomplete="off" class="layui-input">
												</div>
											</div>
											<div class="layui-inline">
												<label class="layui-form-label">菜单名称</label>
												<div class="layui-input-inline">
													<input type="text" name="title" autocomplete="off" class="layui-input">
												</div>
											</div>

											<div class="layui-inline">
												<button type="submit" class="layui-btn layui-btn-primary"  lay-submit lay-filter="data-search-btn"><i class="layui-icon"></i> 搜 索</button>
											</div>
										</div>
									</form>
								</div>
							</fieldset>
							<table class="layui-hide" id="currentTableId" lay-filter="currentTableFilter"></table>
						</div>
					</div>


		</div>
	</div>
</div>


<div style="display: none" class="layuitree">
	<div style="padding:30px">
		<div class="layui-form-item">
			<div>
				<input type="text" name="deptNameDemo" disabled placeholder="请选择部门" value="" class="layui-input">
			</div>
		</div>
		<div class="layuimini-container">
			<div class="layuimini-main" style="width: 90%">
				<div id="test1" class="demo-tree demo-tree-box"></div>
			</div>
		</div>
	</div>
</div>

	

<script src="../../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script src="/js/jquery-1.12.1.min.js"></script>
<script src="/js/common.js" charset="utf-8"></script>
<script>
    layui.use(['form','element','table','tree'], function () {
        var form = layui.form,
				element = layui.element,
				table = layui.table,
				tree=layui.tree,
            layer = layui.layer,
            $ = layui.$;
			
			
		var url = decodeURI(window.location.href);
		var argsIndex = url.split("?obj=");
		var arg = argsIndex[1];
	    console.log(arg);
		let data=api.getUserModelByUid(arg);
		form.val('example',{
		    username:data.data.username,
            sex:data.data.sex,
            phone:data.data.phone,
            email:data.data.email,
            work:data.data.work,
            password:data.data.password,
            realname:data.data.realname,
            idcard:data.data.idcard,
			deptId:data.data.deptId,
			remark:data.data.remark,
			deptName:data.data.deptName,
		    id:data.data.id
		});

		let dataObj=api.getDepteModelTreeList();

		//常规用法
		tree.render({
			elem: '#test1' //默认是点击节点可进行收缩
			,data: dataObj.data.list
			,click: function(obj){
				$('input[name="deptNameDemo"]').val(obj.data.title);
				$('input[name="deptId"]').val(obj.data.id);
				$('input[name="deptName"]').val(obj.data.title);
			}
		});

		$('input[name="deptName"]').click(function() {
			var index = layer.open({
				title: '选择部门',
				type: 1,
				shade: 0.2,
				maxmin:true,
				shadeClose: true,
				btn:['确定','取消'],
				area: ['50%', '70%'],
				content: $(".layuitree"),
				end:function(){

				}
			});
		});

		table.render({
			elem: '#currentTableId',
			method: 'post', //如果无需自定义HTTP类型，可不加该参数
			url: '/userModel/getusermodel',
			contentType: 'application/json',
			request: {
				pageName: 'pageNum' //页码的参数名称，默认：page
				,limitName: 'pageSize' //每页数据量的参数名，默认：limit
			},
			headers: {
				'Token':localStorage.getItem('Token')
			} ,//如果无需自定义请求参数，可不加该参数
			defaultToolbar: ['filter', 'exports', 'print', {
				title: '提示',
				layEvent: 'LAYTABLE_TIPS',
				icon: 'layui-icon-tips'
			}],
			cols: [[
				{field: 'id', width: 80, title: 'ID', sort: true},
				{field: 'username', width: 80, title: '用户名'},
				{field: 'realname', title: '姓名', width: 150},
				{field: 'phone', width: 150, title: '手机号'},
				{field: 'rolename', width: 200, title: '用户角色'},
				{field: 'roleno', width: 200, title: '角色编号'},
				{field: 'rolename', width: 200, title: '用户角色'},
				{field: 'title', width: 200, title: '用户拥有菜单'},
				{field: 'href', width: 200, title: '菜单地址'}
			]],
			limits: [10, 15, 20, 25, 50, 100],
			limit: 15,
			page: true,
			skin: 'line'
		});

		
        //监听提交
        form.on('submit(saveBtn)', function (data) {
        	let obj=api.updateUserModelById(data.field);
        	layer.msg(obj.msg)
        	return false;
        });

    });
</script>
</body>
</html>